<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style type="text/css">
			.smallbox{
				width: 100px;
				height: 100px;
				background-color: steelblue;
			}
			.bigbox{
				width: 300px;
				height: 300px;
				background-color: darksalmon;
			}
		</style>
		<script src="common/js/jquery.js" type="text/javascript" charset="utf-8"></script>
		<script type="text/javascript" >
			$(document).ready(function(){
				$("#btn1").click(function(){
					//$("#box1").css({
					//	"width":"200px",
					//	"height":"200px",
					//	"background-color":"red"
					//	});
				$("#box1").removeClass("smallbox").addClass("bigbox");
				
				});
				
			});
			
		</script>
	</head>
	<body>
		<button type="button" id="btn1">按钮</button>
		<div id="box1" class="smallbox">
			
		</div>
	</body>
</html>
